<!--
 * @Author: sin998
 * @Date: 2019-06-22 17:48:08
 * @LastEditors: sin998
 * @LastEditTime: 2019-06-22 17:51:14
 -->




<template>
  <div>
        <div class="text3">
          <input type="text" value="" placeholder="请输入手机号">
          <button class="yanzheng">获取验证码</button>
      </div>
      <div class="text4">
          <input type="text" value="" placeholder="请输入短信验证码">
      </div>
        <div>
        <button class="btn">登录</button>
      </div>
        <div class="span">
            <span class="span1">立即注册</span>
            <span class="span2">找回密码</span>
        </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
      }
    }
  }
</script>


<style>
  .text3{
    padding-right: .1rem; 
}
.yanzheng{
    height: .6rem;
    border-radius: .2rem;
}
.text3 input{
    font-size: .3rem;
    border-bottom: .02rem solid rgb(197, 196, 195);
    height: 1rem;
    width: 70%;
}
.text4{
    padding-left: .4rem; 
    padding-right: .3rem; 
}
.text4 input{
    font-size: .3rem;
    border-bottom: .02rem solid rgb(197, 196, 195);
    height: 1rem;
    width: 100%;
}
</style>


